@import '~antd/dist/antd.css';
.home{
  width: 100%;
  height: 100%;
  background-color: #f5f5f5;
  .home-title{
    width: 100%;
    height: 300px;
    display: flex;
    background-color: #ffffff;
    #usercreat{
      flex: 1;
    }
  }
  .home-cont{
    width: 100%;
    height: 250px;
    margin-top: 15px;
    display: flex;
    justify-content: space-around;
    .cont-box{
      display: flex;
      flex-direction: column;
      background-color: #ffffff;
      width: 560px;
      border-radius: 5px;
      .box-top{
        padding: 10px 0 0 10px;
        display: flex;
        justify-content: space-between;
        font-size: 20px;
        font-weight: bold;
        color: gainsboro;
        span:first-child{
          color: #000000;
        }
      }
      .box-content{
        flex: 1;
        display: flex;
        flex-direction: column;
        margin-top: 10px;
        .cont-sh{
          flex: 1;
          display: flex;
          justify-content: space-around;
          margin-top: 10px;
          .shbox{
            width: 200px;
            height: 70px;
            border-radius: 10px;
            background-color: #39cf88;
            box-sizing: border-box;
            padding-left: 10px;
            color: white;
            p{
              font-weight: bold;
              font-size: 18px;
              margin-top: 0px;
              margin-bottom: 5px;
            }
          }
        }
        >ul{
          flex: 1;
          overflow: hidden;
          max-height: 185px;
          li{
            flex: 1;
            border: 0;
            font-size: 20px;
            list-style:disc;
            margin-right: 15px;
            content: ".";
            color: green;
            padding: 3px;
            &:nth-child(odd){
              background-color: #f2f2f2;
            }
            .spanright{
              float: right;
              font-size: 18px;
              color: #828282;
            }
            span{
              color: black;
            }
          }
        }
      }
    }
  }
}
